<div class="product-root">
    <div class="product-item" *ngFor="let product of products" (click)="onProductDetailClick(product.id)">
        <img src="{{product.picture}}" class="product-item-left">
        <div class="product-item-right">
            <h3>{{product.product}}</h3>
            <p>{{product.shop}}</p>
            <div class="share">
                <p>￥{{product.price}}</p>
                <button class="share-btn" *ngIf="product.price>30">分享</button>
                <app-product-alerts [product]="product" (notify)="onNotify()"></app-product-alerts>
            </div>
        </div>
    </div>
</div>
